/* eslint-disable max-len */
/* eslint-disable no-multiple-empty-lines */
/* eslint-disable prettier/prettier */

import React, { PureComponent } from 'react';
import { View, StyleSheet, Text,  Image } from "react-native";
import Res from '../../res';

import style from '../../config/style';
import Strings from "../../i18n";




class LowWaterView extends PureComponent {
  render() {
    return (

      <View style={style.container}>

        {/* 水泵低水位 */}
        <Text style={style.bigTitle}>{Strings.warning_card_title_pump_low}</Text>

        <View style={{ backgroundColor: '#FFFFFF', height: 800, flexDirection: 'column' }}>
          <Text style={ [style.title, { marginTop: 20 }] }>{Strings.warning_detail_section_title_pump_low}</Text>
          <Text style={style.contentText}>{Strings.warning_detail_content_pump_low0}</Text>
          <View style={style.imgBgView}>
            <Image style={style.imgView} resizeMode="cover" source={Res.bump_low} />
          </View>
          <Text style={style.contentText}>{Strings.warning_detail_content_pump_low1}</Text>
        </View>
      </View>
    );
  }

}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#fff',
  },
  title:{
    marginStart: 20,
    fontSize: 30,
    color: '#333333',
  },
  subtitle:{
    marginStart: 20,
    marginTop: 10,
    fontSize: 20,
    color: '#333333',
  },
  contents:{
    marginStart: 20,
    marginTop: 10,
    fontSize: 15,
    color: '#333333',
  },


});

export default LowWaterView;
